<script setup>
import { ref } from 'vue';
const value1 = ref(null);
const value2 = ref(null);
const value3 = ref(null);
</script>
<template>
    <Panel header="LICENSEE 和其他 16 个参数" toggleable>
        <div class="formgrid grid">
            <div class="field col" style="display: flex; flex-direction: column; gap: 5px">
                <small>持牌人</small>
                <input
                    disabled
                    placeholder="/C=US/ST=None/L=None/O=None/OU=None/CN=demo"
                    type="text"
                    class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full"
                />

                <small>版</small>
                <input disabled placeholder="Advanced" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />

                <div><i class="pi pi-info-circle" style="color: slateblue"></i> <small>开始时间</small></div>
                <input disabled placeholder="Advanced" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />

                <div><i class="pi pi-info-circle" style="color: slateblue"></i> <small>许可节点</small></div>
                <input disabled placeholder="Advanced" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />

                <div><i class="pi pi-info-circle" style="color: slateblue"></i> <small>突发节点</small></div>
                <input disabled placeholder="Advanced" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />

                <div><i class="pi pi-info-circle" style="color: slateblue"></i> <small>带加速器的许可节点</small></div>
                <input disabled placeholder="Advanced" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />

                <div><i class="pi pi-info-circle" style="color: slateblue"></i> <small>MAC地址</small></div>
                <input disabled placeholder="Advanced" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />

                <small>&nbsp;</small>
                <input disabled placeholder="许可证计数消息" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />
            </div>
            <div class="field col" style="display: flex; flex-direction: column; gap: 5px">
                <small>版本</small>
                <input disabled placeholder="7.0 and above" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />
                <small>许可证类型</small>
                <input disabled placeholder="Commercial" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />

                <div><i class="pi pi-info-circle" style="color: slateblue"></i> <small>结束时间</small></div>
                <input disabled placeholder="Advanced" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />

                <div><i class="pi pi-info-circle" style="color: slateblue"></i> <small>节点计数</small></div>
                <input disabled placeholder="Advanced" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />

                <div><i class="pi pi-info-circle" style="color: slateblue"></i> <small>突发节点计数</small></div>
                <input disabled placeholder="Advanced" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />

                <div><i class="pi pi-info-circle" style="color: slateblue"></i> <small>具有加速器的节点</small></div>
                <input disabled placeholder="Advanced" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />

                <small>&nbsp;</small>
                <input disabled placeholder="串行" type="text" class="text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full" />
            </div>
        </div>
    </Panel>
</template>
